<app-full-banner></app-full-banner>

<div class="qgy-home animated fadeIn">
  <!--apartment-->
  <div class="qgy-apartment-container pc-width">
    <div class="qgy-apartment-title">
      <app-title [titleCpt]="homeTitleCptList[0]"></app-title>
    </div>
    <div class="pc-width qgy-apartment-list">
      <div class="project-item" *ngFor="let item of projects"
           [ngStyle]="{backgroundImage:'url('+item.img+')'}"
           (click)="goProject(item)">
        <p>{{item.title}}</p>
      </div>

      <!--<div class="apartment-list">-->
        <!--<wf-multi-swiper (itemClick)="goProject($event)"-->
            <!--[swiper-options]="mulitSwiperOptions"-->
            <!--[swiper-list]="projects"></wf-multi-swiper>-->
      <!--</div>-->
      <div style="clear: both;"></div>
    </div>
  </div>
  <!--brand story-->
  <div class="bg-gray">
  <div class="qgy-brand-stories pc-width clearfix">
    <div class="brand-stories-title">
      <app-title [titleCpt]="homeTitleCptList[1]"></app-title>
    </div>
    <div class="stories-bg">
      <app-introduce [content]="contents"></app-introduce>
    </div>
    <!--<div class="more-btn">-->
      <!--<a href="javascript:;" class="hvr-bounce-bg-to-right main-theme-bg" (click)="goToStoryDetailView()">查看更多</a>-->
    <!--</div>-->
  </div>
  </div>
  <!--services-->
  <div class="qgy-service-container pc-width">
    <div class="service-title">
      <app-title [titleCpt]="homeTitleCptList[2]"></app-title>
    </div>
    <div class="services clearfix animated">
      <div class="life-payment fl fadeInLeft">
        <span class="life-service-title">生活缴费</span>
        <a (click)="showPaymentModal()">
          <img src="assets/images/home-view/qgy-services/shjf.jpg" alt="">
        </a>
      </div>
      <div class="other-services fl fadeInRight">
        <div class="other-top">
          <a [routerLink]="['/renting-mall']">
            <span class="life-service-title">家居租赁</span>
            <img src="assets/images/home-view/qgy-services/jjzr.jpg" alt="">
          </a>
          <a [routerLink]="['/cleaning-mall']">
            <span class="life-service-title">品质保洁</span>
            <img src="assets/images/home-view/qgy-services/qzbj.jpg" alt="">
          </a>
        </div>
        <div class="other-bottom">
          <a >
            <span class="life-service-title">快递服务</span>
            <img src="assets/images/home-view/qgy-services/kdfw.jpg" alt="">
          </a>
          <a (click)="showRepairModal()">
            <span class="life-service-title">闪电维修</span>
            <img src="assets/images/home-view/qgy-services/sdwx.jpg" alt="">
          </a>
        </div>
      </div>
    </div>
  </div>


</div>
<login-modal-view [showModal]="showLoginModal" (modalClose)="closeLogin($event)"></login-modal-view>
<app-payment-view (modalClose)="modalClose"></app-payment-view>
<app-onekey-repair-view (modalClose)="modalClose"></app-onekey-repair-view>
